<template>
  <span class="time-line">
    <i></i>
    <span>{{timeTitle}}</span>
    {{ startDate }} &nbsp;- &nbsp;{{
      endDate
    }}
  </span>
</template>
<script>
export default {
  name: "timeline",
  props: {
    timeTitle: {
      default: "选中时间段"
    },
    startDate: {
      default: ""
    },
    endDate: {
      default: ""
    }
  },
  data() {
    return {};
  },
  components: {},
  computed: {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.time-line {
  font-size: 15px;
  margin: 0;
  color: #008dff;
  position: relative;
  top: 4px;
  i {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    margin-right: 10px;
  }
}
</style>